<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
  <title>eusden.com</title>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  <meta name="keywords" content="eusden,blog,hulu,personal,beijing,ruby,rails" />
  <meta name="description" content="Life of an expat in Beijing.  Just a bit of Eusden's vanity in the virtual world." />
  <meta name="robots" content="index,follow" />
  <%= cached_stylesheet_includes %>
  <%= cached_javascript_includes %>
  <%= auto_discovery_link_tag(:rss, {:controller => "feed", :format => "rss"}) %>
  <%= yield :head %>
</head>
<body class="center">
  <!--[if lt IE 7]>
  <div style='border: 1px solid #F7941D; background: #FEEFDA; text-align: center; clear: both; height: 75px; position: relative;'>
    <div style='position: absolute; right: 3px; top: 3px; font-family: courier new; font-weight: bold;'><a href='#' onclick='javascript:this.parentNode.parentNode.style.display="none"; return false;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-cornerx.jpg' style='border: none;' alt='Close this notice'/></a></div>
    <div style='width: 640px; margin: 0 auto; text-align: left; padding: 0; overflow: hidden; color: black;'>
      <div style='width: 75px; float: left;'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-warning.jpg' alt='Warning!'/></div>
      <div style='width: 275px; float: left; font-family: Arial, sans-serif;'>
        <div style='font-size: 14px; font-weight: bold; margin-top: 12px;'>You are IE 6 or something.</div>
        <div style='font-size: 12px; margin-top: 6px; line-height: 12px;'>Please use a modern web browser dammit. </div>
      </div>
      <div style='width: 60px; float: left;'><a href='http://www.google.com/chrome' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-chrome.jpg' style='border: none;' alt='Get Google Chrome'/></a></div>
      <div style='width: 60px; float: left;'><a href='http://www.firefox.com' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-firefox.jpg' style='border: none;' alt='Get Firefox 3.5'/></a></div>
      <div style='width: 60px; float: left;'><a href='http://www.browserforthebetter.com/download.html' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-ie8.jpg' style='border: none;' alt='Get Internet Explorer 8'/></a></div>
      <div style='width: 60px; float: left;'><a href='http://www.apple.com/safari/download/' target='_blank'><img src='http://www.ie6nomore.com/files/theme/ie6nomore-safari.jpg' style='border: none;' alt='Get Safari 4'/></a></div>
    </div>
  </div>
  <![endif]-->
  
  <div id="background_layout">
  </div>

  <div class="minify_layout" onclick="$('main_layout').toggle()">
    <img src="/images/icon-minify.png"
          onmouseover="$(this).src='/images/icon-minify-hover.png';"
          onmouseout="$(this).src='/images/icon-minify.png';">
  </div>
  
  <div class="default_layout" id="main_layout">
    <div class="application header">
      <div class="masthead">
        <%= image_tag "zhi.png" %>
      </div>
      <div class="main">
        <table class="quote">
          <tr><td>
            <%= render :partial => "layouts/quote" %>
          </td></tr>
        </table>
      </div>
    </div>
    
    <div class="layout">
      <div class="content">
        <%= yield %>
      </div>
      <%= render :partial => "layouts/#{@nav}" unless @nav.blank? rescue nil %>
      <br style="clear:both;">
    </div>
    
    <div class="application footer">
      <div class="float right">
      </div>
      <div class="float left">
        Copyright 2009 eusden.com.  Please <a href="/about" class="dark">ask</a> before you <a href="http://code.google.com/p/eusden-web/" class="dark">take</a>.
      </div>
      <br class="clear"/>
    </div>
    
    <div class="guid_holder">
      <embed id="guid_holder" height="1" width="1" allowscriptaccess="always" quality="high" name="guid_holder" style="" src="/guid.swf" type="application/x-shockwave-flash"/>
    </div>
  </div>
  
  <div id="lightbox-comment-form-placeholder" style="display: none;">
    <%= render :partial => "comments/lightbox_form" %>
  </div>
  
  <script type="text/javascript">
    (function() {
      var ga = document.createElement('script');
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      ga.setAttribute('async', 'true');
      document.documentElement.firstChild.appendChild(ga);
    })();
  </script>
  <script type="text/javascript">
    var _gaq = _gaq || [];
    _gaq.push(['_setAccount', 'UA-8652471-1']);
    _gaq.push(['_trackPageview']);
  </script>
</body>
</html>
